import React from 'react';
import { Form, Input, Modal } from 'antd';
import { FormattedMessage } from 'umi-plugin-react/locale';

class EditTreeName extends React.Component{
  render() {
    const { visible } = this.props;
    const { getFieldDecorator } = this.props.form;
    const FormItemLayont = {
      labelCol: {
        xs: 24,
        sm: 5,
      },
      wrapperCol: {
        xs: 24,
        sm: 19,
      },
    };

    return (
      <Modal
        title={'修改节点名称'}
        visible={visible}
        okText={<FormattedMessage id="app.customDictionary.save" />}
        cancelText={<FormattedMessage id="app.customDictionary.cancel" />}
      >
        <Form {...FormItemLayont}>
          <Form.Item label={'新节点名'} >
            {
              getFieldDecorator('')(
                <Input />
              )
            }
          </Form.Item>
        </Form>
      </Modal>
    );
  }
}

export default Form.create()(EditTreeName)
